import { View, Text } from '@tarojs/components';
import css from './index.module.less';

export default function MessageList(value) {
    const {title, date, isRead} = value.value;
    return (
        <View className={css.app}>
            <View className={css.content}>
                <View className={isRead === undefined ||isRead === true? '': css.noRead}></View>
                <View className={css.title}>{title.length > 16 ? `${title.slice(0, 16)}.......` : title}</View>
            </View>
            <Text className={css.date}>{date}</Text>
        </View>
    );
}